import React from "react";
import "./index.css";
import { NavLink, Redirect } from "react-router-dom";
const index = props => {
  const { match } = props;
  const { path } = match;
  return (
    <div>
      <nav>
        <img
          className="top-img"
          src="https://sta.gtimg.com/mobile/static/images/top_green_43.png"
          alt=""
        />
      </nav>
      <main className="login-wrap">
        <div className="login-form">
          <img
            className="logo-img"
            src="https://sta.gtimg.com/mobile/static/images/yb_icon.png"
            alt=""
          />
        </div>
        <div className="login-tab">
          <Redirect to={`${path}/account`} />
          <NavLink className="active" to={`${path}/account`}>
            阅文账号
          </NavLink>
          <NavLink className="active" to={`${path}/login`}>
            言吧登录
          </NavLink>
          
        </div>
      </main>
    </div>
  );
};

export default index;
